import React, { Component } from 'react'
import { observer } from 'mobx-react/custom'
import MarketingStrategyVM from 'cvm/record/marketingStrategy'
import './marketingStrategy.less'

const MarketingStrategyList = observer(({ vm }) => {
  return (
    <div className='marketing-strategy'>
      <div className='classification'>
        <p className='quertion'>1、玖里是什么？</p>
        <p className='answer'>
          答：“玖里”，是提供工地现场视频直播服务（APP），实时观看装修现场，集合前端监控和后端管理的服务平台。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>2、参与玖里项目的优势？</p>
        <p className='answer'>
          答：
        </p>
        <p className='answer'>
          （1）无门槛的工作模式（无投资、无经验、无限制）；
        </p>
        <p className='answer'>
          （2）不限工作地点、工作时间、工作方式；
        </p>
        <p className='answer'>
          （3）形式多样，全职、兼职皆可，一人或者团队都行。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>3、玖里项目的客户群体？</p>
        <p className='answer'>
          答：拓展各大装修公司或有现场监控需求的公司。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>4、玖里项目的卖点？</p>
        <p className='answer'>
          答：屏汇技术（九分屏），玖里平台独有的技术，即一种满足多客户端、多视角采集，以九个采集点为单位，分屏汇聚到一个终端显示设备的技术。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>5、需要参与者做什么工作？</p>
        <p className='answer'>
          答：工作要求：
        </p>
        <p className='answer'>
          （1）销售工作：通过讲解、解答等方式，让客户了解玖里项目并完成销售；
        </p>
        <p className='answer'>
          （2）服务（维护）工作：积极处理客户使用中遇到的问题。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>6、工作完成，平台如何确认结果？</p>
        <p className='answer'>
          答：完成洽谈、签订合同，并完成付款。
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>7、奖励政策是什么？</p>
        <p className='answer'>
          答：销售及维护政策
        </p>
        <p><img src={require('../../images/gongluo1.png')} /></p>
      </div>
      <div className='classification'>
        <p className='quertion'>8、平台如何兑现奖励？</p>
        <p className='answer'>
          答：a. 添加项目，平台审核通过后进入已确认状态
        </p>
        <p><img src={require('../../images/gongluo2.png')} /></p>
        <p className='answer'>
          b. 公司购买设备/时长，个人中心佣金/余额随之增加，点击余额提现，提现100的最大倍数，提现成功后，1-3个工作日到提现账户
        </p>
        <p><img src={require('../../images/gongluo3.png')} /></p>
      </div>
      <div className='classification'>
        <p className='quertion'>9、平台还有其他的支撑工作吗？</p>
        <p className='answer'>
          答：培训资料，包括业务详细介绍、销售合同、奖励（代理）合同等；
        </p>
      </div>
      <div className='classification'>
        <p className='quertion'>10、平台还有其他的挣钱项目吗？</p>
        <p className='answer'>
          答：未来微职中心，倡导合作共赢的经营模式，利用闲散在城市里的社会资源，通过嫁接一些创新性、稀缺性产品和服务，广招天下英雄，全职和兼职均可参与，构建一个把资源或努力转化成价值的平台。
        </p>
      </div>
    </div>
  )
})

@observer
class marketingStrategy extends Component {
  constructor (props) {
    super(props)
    window.document.title = '营销攻略'
    this.vm = new MarketingStrategyVM(props)
  }
  render () {
    return (
      <div>
        <MarketingStrategyList vm={this.vm} />
      </div>
    )
  }
}

export default marketingStrategy
